html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
li{list-style: none;}
img{border:none;vertical-align:top;}

body {
    -webkit-overflow-scrolling:auto;
    line-height:1;font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

  .clear:after{content:"";display:block;clear:both;}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select,textarea {
    vertical-align:top;
    border:none;
    outline:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -webkit-appearance: none; 
}
input[type="submit"]{
    -webkit-appearance: none; 
}
input[type="button"]{
    -webkit-appearance: none; 
}

$baseRem:10/640;

/* top */
.top-d{overflow: hidden;height:$baseRem *112rem;padding:0 $baseRem *22rem;z-index:100;
    position: fixed;left:0;top:0;width:100%;box-sizing: border-box;
    box-shadow:2px 0 2px 0 #3E3E3E;
    background: #fff;
    h1{float: left;
        img{height:$baseRem *80rem;margin-top: $baseRem *18rem;}
    }
    a{float: right;margin-top: $baseRem *41rem;width:$baseRem *44rem;height:$baseRem *31rem;background:url(../images/home/nav-icon.png) no-repeat;-webkit-background-size:cover;}
}
.nav-list{text-align: center;padding:$baseRem *30rem $baseRem *29rem $baseRem *39rem;background:#d6d6d6;display: none;
    a{display: block;margin-bottom:$baseRem *15rem;line-height:$baseRem *70rem;background:#fff;color:#000;font-size:$baseRem *26rem;}
}


/* 固定导航 */
.base-nav{position: fixed;height:$baseRem*122rem;background:#0084db;left:0;bottom:0;width:100%;z-index:40;
    box-shadow:inset 0 0 5px #006ccc;
    ul{
        display:flex;
        display:-webkit-box;
    }
    li{width:20%;font-size:$baseRem*18rem;text-align: center;height: 100%;
        a{display: block;height:$baseRem*55rem;color:#fff;line-height:$baseRem*22rem;padding-top:$baseRem*83rem;}
    }
    li:nth-of-type(1){
        a{
            background:url(../images/home/h-index.png) no-repeat center $baseRem*18rem;-webkit-background-size:$baseRem*56rem $baseRem*57rem;
        }
    }

    li:nth-of-type(2){
        a{
            background:url(../images/home/h-major.png) no-repeat center $baseRem*18rem;-webkit-background-size:$baseRem*54rem $baseRem*55rem;
        }
    }
    li:nth-of-type(3){
        a{
            background:url(../images/home/h-alliance.png) no-repeat center $baseRem*20rem;-webkit-background-size:$baseRem*57rem $baseRem*53rem;
        }
    }

    li:nth-of-type(4){
        a{
            background:url(../images/home/h-teacher.png) no-repeat center $baseRem*20rem;-webkit-background-size:$baseRem*66rem $baseRem*52rem;
        }
    }
    li:nth-of-type(5){
        a{
            background:url(../images/home/h-innovation.png) no-repeat center $baseRem*20rem;-webkit-background-size:$baseRem*66rem $baseRem*52rem;
        }
    }
}

.nav-list{position: absolute;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box;-webkit-box-sizing:border-box;top:$baseRem *112rem;}